<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/bootstrap.css">
    <link rel="stylesheet" href="/vendors/iconly/bold.css">
    <link rel="stylesheet" href="/vendors/perfect-scrollbar/perfect-scrollbar.css">
    <link rel="stylesheet" href="/vendors/bootstrap-icons/bootstrap-icons.css">
    <link rel="stylesheet" href="/css/app.css">
    <link rel="stylesheet" href="/css/antd-layout.css">
    <script src="/js/common.js"></script>
    <script src="/js/vue.2.6.4.min.js"></script>
    <script src='/js/jquery.3.6.0.min.js'></script>
</head>
<body>
<div id="app">
    <div id="nav-bar-container"></div>

    <div id="main">
        <div class="page-heading">
            <div class="antd-page-header">
                <h3 class="antd-page-title">全局设置</h3>
            </div>
            <section class="section">
                <div class="row">
                    <div class="col-12 col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4>题库设置说明</h4>
                            </div>
                            <div class="card-body">
                                <div class="alert alert-info">
                                    <p>当前题库设置已移至顶部导航栏右侧，您可以在那里选择和保存题库配置。</p>
                                </div>
                                <!-- Table with outer spacing -->
                                <div class="table-responsive">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<script src="/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="/js/nav-bar.js"></script>
<script src="/js/main.js"></script>
</body>

</html>
<script type="text/javascript">

    document.addEventListener('DOMContentLoaded', () => {
        var mainVue = new Vue({
            el: `#main`,
            data: {
                globalData:{},
                examBankList:  [
                    {
                        "examBankId": 101,
                        "name":"江苏事业编"
                    },
                    {
                        "examBankId": 201,
                        "name":"国考"
                    },
                    {
                        "examBankId": 301,
                        "name":"安徽省考"
                    },
                ],
                examBankId: 101
            },
            methods: {
                'init': function () {
                   var examBankId =  localStorage.getItem("examBankId");
                   if(examBankId){
                       this.examBankId = examBankId;
                   }else{
                       this.examBankId = 101;
                       localStorage.setItem("examBankId",this.examBankId);
                   }
                },
                'save':function (){
                    localStorage.setItem("examBankId",this.examBankId);
                    alert("保存成功")
                }

            }
        });
        mainVue.init();
    })
</script>
